<template>
  <div class="mangerbox">
    <div class="mian">
      <div class="Video_tag">
        <div>
          <a href="#" class="btn_tag">热门</a>
          <a href="#">A</a>
          <a href="#">B</a>
          <a href="#">C</a>
          <a href="#">D</a>
        </div>
        <div>
          <a href="#" class="btn_tag">全部</a>
          <a href="#">内地</a>
          <a href="#">港台</a>
          <a href="#">欧美</a>
          <a href="#">日本</a>
          <a href="#">韩国</a>
        </div>
        <div>
          <a href="#" class="btn_tag">全部</a>
          <a href="#">男女</a>
          <a href="#">组合</a>
        </div>
        <div>
          <a href="#" class="btn_tag">全部</a>
          <a href="#">流行</a>
          <a href="#">说唱</a>
          <a href="#">国风</a>
          <a href="#">摇滚</a>
          <a href="#">电子</a>
        </div>
      </div>
      <div class="Video_content">
        <div class="Video-name">
          <!-- <img src="~/images/Video.jpg" /> -->
          <img src="../assets/images/Param/18696095720518497.jpg" alt="" />
          <p>周杰伦</p>
        </div>
        <div class="Video-name">
          <!-- <img src="~/images/Video.jpg" /> -->
          <img src="../assets/images/Param/18696095720518497.jpg" alt="" />
          <p>周杰伦</p>
        </div>
        <div class="Video-name">
          <!-- <img src="~/images/Video.jpg" /> -->
          <img src="../assets/images/Param/18696095720518497.jpg" alt="" />
          <p>周杰伦</p>
        </div>
        <div class="Video-name">
          <!-- <img src="~/images/Video.jpg" /> -->
          <img src="../assets/images/Param/18696095720518497.jpg" alt="" />
          <p>周杰伦</p>
        </div>
        <div class="Video-name">
          <!-- <img src="~/images/Video.jpg" /> -->
          <img src="../assets/images/Param/18696095720518497.jpg" alt="" />
          <p>周杰伦</p>
        </div>
        <div class="Video-name">
          <!-- <img src="~/images/Video.jpg" /> -->
          <img src="../assets/images/Param/18696095720518497.jpg" alt="" />
          <p>周杰伦</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scope>
/*分类*/
.Video_tag {
  margin: auto;
  width: 1050px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn_tag {
  margin-right: 20px;
  background-color: #ff0000;
}
.Video_tag div {
  margin: auto;
}
.Video_tag div a {
  line-height: 30px;
  text-align: center;
  color: #b5b5b5;
  display: inline-block;
  height: 30px;
  width: 40px;
  margin: 5px;
}
.Video_tag div a:hover {
  color: #ffffff;
}
/*视频名称*/
.Video_content {
  margin: auto;
  width: 1200px;
  height: auto;
}
.Video-name {
  float: left;
  text-align: center;
  margin: 50px 0 0 80px;
}
.Video-name img {
  width: 200px;
  height: 140px;
}
</style>